<!DOCTYPE html>
<html lang="en">
<head>
<title>Single</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css2/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css2/style.css" type="text/css" media="all" />
<!--// css -->
<!-- font-awesome icons -->
<link href="css2/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<link rel="stylesheet" href="css/lightbox.css">
<!-- font -->
<link href='css2/first.css' rel='stylesheet' type='text/css'>
<link href="css2/second.css" rel="stylesheet">
<link href='css2/third.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css1/amazeui.min.css"/>
<link rel="stylesheet" href="css1/style.css"/>
<link rel="stylesheet" href="./css/title.css">
<link rel="stylesheet" href="css/style.css">
<!-- responsive style sheet -->
<link rel="stylesheet" href="css/responsive.css">
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script> 
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
	<div class="main-page-wrapper">

		<!-- =====导航栏开始 ======= -->
		<div class="navbar navbar-fixed-top custom-navbar" role="navigation">
			<div class="container">

				<!-- navbar header -->
				<div class="navbar-header">

					<a href="#" class="navbar-brand">宠物详情</a>
				</div>

				<div class="collapse navbar-collapse">

					<ul class="nav navbar-nav navbar-right">
						<li><a href="index.html" class="smoothScroll">首页</a></li>
						<li><a href="../领养展示页面/about.html" class="smoothScroll">领养</a></li>
						<li><a href="../宠物店展示/宠物店展示.html" class="smoothScroll">寄养</a></li>
						<li><a href="上架.html" class="smoothScroll">为小可爱找主人</a></li>
						<li><a href="../领养展示页面/about.html" class="smoothScroll">购买宠物</a></li>
						<li><a href="博客.html" class="smoothScroll">社区</a></li>
						<li><a href="#" class="smoothScroll">登录</a></li>
						<li><a href="../联系我们/lxwm.html" class="smoothScroll">联系我们</a></li>
					</ul>

				</div>

			</div>
		</div>

		
		<section id="intro" class="parallax-section">
			<div class="container">
				<div class="row">
				</div>
			</div>
		</section>
	<!-- blog -->
	<div class="blog">
			<!-- container -->
			<div class="container">
				<div class="col-md-8 blog-top-left-grid">
					<div class="left-blog left-single">
						<div class="blog-left">
							<div class="single-left-left">
								<p>来自于 <a href="#">小巴</a> &nbsp;&nbsp; 2015-02 &nbsp;&nbsp; <a href="#">评论 (999+)</a></p>
								<img src="images/b11.jpg" alt="" />
							</div>
							<div class="blog-left-bottom">
								<p>八哥犬是一种性情稳定的小型犬种，显示出安定、开朗、富有魅力、高贵、友善和可爱的性情。他体贴，
									可爱的，不需要运动或经常整理背毛，但需要同伴。他是以咕噜的呼吸声及象马一样抽鼻子的声音作为沟通
									的方式。同时，此犬具备优良及爱干净的个性，这些特色便成为广受喜爱的原因。</p>
							</div>
							<div class="blog-left-bottom left-bottom">
								<p>八哥犬是一种性情稳定的小型犬种，显示出安定、开朗、富有魅力、高贵、友善和可爱的性情。他体贴，
									可爱的，不需要运动或经常整理背毛，但需要同伴。他是以咕噜的呼吸声及象马一样抽鼻子的声音作为沟通
									的方式。同时，此犬具备优良及爱干净的个性，这些特色便成为广受喜爱的原因。</p>
							</div>
							<div class="blog-left-bottom left-bottom">
								<p>八哥犬是一种性情稳定的小型犬种，显示出安定、开朗、富有魅力、高贵、友善和可爱的性情。他体贴，
									可爱的，不需要运动或经常整理背毛，但需要同伴。他是以咕噜的呼吸声及象马一样抽鼻子的声音作为沟通
									的方式。同时，此犬具备优良及爱干净的个性，这些特色便成为广受喜爱的原因。</p>
							</div>
						</div>
						<div class="response">
							<h3>全部评论</h3>
							<div class="media response-info">
								<div class="media-left response-text-left">
									<a href="#">
										<img class="media-object" src="images/t11.jpg" alt="">
									</a>
									<h5><a href="#">美国队长</a></h5>
								</div>
								<div class="media-body response-text-right">
									<p>我觉得这条巴哥真是太丑了.</p>
									<ul>
										<li>2015-2-15</li>
										<li><a href="single.html">回复</a></li>
									</ul>
									<div class="media response-info">
										<div class="media-left response-text-left">
											<a href="#">
												<img class="media-object" src="images/t22.jpg" alt="">
											</a>
											<h5><a href="#">钢铁侠</a></h5>
										</div>
										<div class="media-body response-text-right">
											<p>
												我觉得它比你好看.
											</p>
											<ul>
												<li>2015-2-15</li>
												<li><a href="single.html">回复</a></li>
											</ul>		
										</div>
										<div class="clearfix"> </div>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="media response-info">
								<div class="media-left response-text-left">
									<a href="#">
										<img class="media-object" src="images/t33.jpg" alt="">
									</a>
									<h5><a href="#">小蜘蛛</a></h5>
								</div>
								<div class="media-body response-text-right">
									<p>
										我有彼得一激灵.
									</p>
									<ul>
										<li>2015-2-15</li>
										<li><a href="single.html">回复</a></li>
									</ul>		
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div class="opinion">
							<h3>留下你的评论</h3>
							<form action="#" method="post">
								<input type="text" name="Name" placeholder="姓名" required="">
								<input type="email" name="Email" placeholder="邮箱" required="">
								<textarea name="Message" placeholder="留言" required=""></textarea>
								<input type="submit" value="评论">
							</form>
						</div>
					</div>
				</div>
				<div class="col-md-4 blog-top-right-grid">
					<div class="Categories">
						<h3>最新资讯</h3>
						<ul>
							<li><a href="#">垃圾分类时代宠物垃圾怎么分</a></li>
							<li><a href="#">"捕鼠大臣"迎来新伙伴！英首相宠物狗入住唐宁街</a></li>
							<li><a href="#">男子本想买只宠物龟 却帮警方揪出一个“地下”组织</a></li>
							<li><a href="#">宠物遭遗弃后咬伤他人 原主人应承担侵权责任</a></li>
							<li><a href="#">泰国一宠物狗肚里取出32只“小黄鸭” 惊呆兽医</a></li>
							<li><a href="#">“猫咖”火爆只因能治愈社交孤独症？</a></li>
						</ul>
					</div>
					<div class="Categories">
						<h3>热门资讯</h3>
						<ul class="marked-list offs1">
							<li><a href="#">震惊!某泰迪光天化日竟干出这种事</a></li>
							<li><a href="#">世上"最丑巴哥"竟然长这样!!!</a></li>
							<li><a href="#">十个橘猫九个胖</a></li>
							<li><a href="#">还有一只压塌炕</a> </li>
							<li><a href="#">如果狗狗会发朋友圈</a></li>
							<li><a href="#">主人花费25万 让宠物猫“复活”</a></li>
							<li><a href="#">垃圾分类时代宠物垃圾怎么分</a></li>
							<li><a href="#">养宠物成单身一族排遣寂寞利器</a> </li>
							<li><a href="#">男子带宠物狗乘公交被拒，热心市民花1块钱化解</a></li>
							<li><a href="#">为什么主人上厕所，猫都是喜欢跟着进去？</a></li>
						</ul>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<!-- //container -->
	</div>
	<!-- //blog -->
	<!-- Footer ____________________________ -->
		<footer>
			<div class="container">
				<div class="top-footer row">
					<div class="col-md-5 col-sm-7 col-xs-12 footer-logo">
						<a href="#"><img src="images/them-logo/them-main-logo-2.jpg" alt="Logo"></a>
						<p><span class="p-color">myPet</span> was established in 2017 by Pet business veterans, Rod
							Davies and Matthew Levington, the journey began when founders Matthew Levington and Rod
							Davies, met up in 2017 over a beer</p>
						<ul class="icon">
							<li><a href="" class="tran3s"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						</ul>

						<ul class="policy">
							<li><a href="" class="tran3s">Privacy Policy </a></li>
							<li><a>|</a></li>
							<li><a href="" class="tran3s">Legal Policy</a></li>
						</ul>
					</div> <!-- /.footer-logo -->

					<div class="col-md-4 col-sm-5 col-xs-12 footer-list">
						<h5>Important Links</h5>

						<ul>
							<li><a href="#" class="tran3s">首页</a></li>
							<li><a href="#" class="tran3s">关于我们 </a></li>
							<li><a href="#" class="tran3s">寄养</a></li>
							<li><a href="shop.html" class="tran3s">领养</a></li>
							<li><a href="#" class="tran3s">出售</a></li>
							<li><a href="#" class="tran3s">新闻</a></li>
							<li><a href="#" class="tran3s">社区</a></li>
						</ul>
						<ul>
							<li><a href="#" class="tran3s">宠物</a></li>
							<li><a href="#" class="tran3s">我们的历史</a></li>
							<li><a href="#" class="tran3s">我们做了什么</a></li>
							
						</ul>
					</div> <!-- /.footer-list -->

					<div class="col-md-3 col-xs-12 footer-news">
						<h5>News Update</h5>

						<ul>
							<li>
								<h6><a href="#" class="tran3s">Prefinished Solid Hardwood Flooring</a></h6>
								<span>january 02,2017</span>
							</li>
							<li>
								<h6><a href="#" class="tran3s">Latst pet care in summer 12 care them well</a></h6>
								<span>january 02,2017</span>
							</li>
						</ul>
					</div> <!-- /.footer-news -->
				</div> <!-- /.top-footer -->
			</div> <!-- /.container -->

			<div class="bottom-footer">
				<div class="container">
					<p class="float-left">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank"
							href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
					<form action="#" class="float-right">
						<input type="text" placeholder="Your Email">
						<button class="tran3s p-bg-color">Subscribe</button>
					</form>
				</div> <!-- /.container -->
			</div> <!-- /.bottom-footer -->
		</footer>

	</div> <!-- /.main-page-wrapper -->


	<!-- Scroll Top Button -->
	<button class="scroll-top tran7s p-color-bg">
		<i class="fa fa-angle-up" aria-hidden="true"></i>
	</button>

	<!-- pre loader  -->
	<div id="loader-wrapper">
		<div id="loader"></div>
	</div>



	<!-- js file -->
	<!-- Main js file/jquery -->
	<script src="vendor/jquery-2.2.3.min.js"></script>
	<!-- bootstrap-select.min.js -->
	<script src="vendor/bootstrap-select-1.10.0/dist/js/bootstrap-select.min.js"></script>
	<!-- bootstrap js -->
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
	<!-- camera js -->
	<script src="vendor/Camera-master/scripts/camera.min.js"></script>
	<script src="vendor/Camera-master/scripts/jquery.easing.1.3.js"></script>
	<!-- Owl carousel -->
	<script src="vendor/OwlCarousel2/dist/owl.carousel.min.js"></script>
	<!-- appear & countTo -->
	<script src="vendor/jquery.appear.js"></script>
	<script src="vendor/jquery.countTo.js"></script>
	<!-- fancybox -->
	<script src="vendor/fancybox/dist/jquery.fancybox.min.js"></script>
	<!-- Gallery - isotop -->
	<script type="text/javascript" src="vendor/isotope.pkgd.min.js"></script>
	<!-- WOW js -->
	<script type="text/javascript" src="vendor/WOW-master/dist/wow.min.js"></script>
	<!-- Circle Progress -->
	<script type="text/javascript" src="vendor/circle-progress.js"></script>
	<!-- Style js -->
<script src="./js/title.js"></script>
	<script src="js/custom.js"></script>
</body>	
</html>